<template>
  <div class="evaluation- success- container">
    <img
        src="https://pro-wjy.oss-cn-beijing.aliyuncs.com/2024/10/31/02.jpg"
        alt="Evaluation Success"
        class="success- image"
    />
    <h2 class="success-title">评价成功</h2>
    <p class="success-message">感谢您对本次的评价，再去看看其他服务吧</p>
    <van-button type="primary" block @click="goToHomepage">返回首页</van-button>
  </div>
</template>

<script>
export default {
  methods: {
    goToHomepage() {
      // 这里添加返回首页的路由跳转逻辑，假设使用Vue Router
      this.$router.push('/homepage');
    }
  }
};
</script>

<style>
.evaluation-success-container {
                          display: flex;
                          flex-direction: column;
                          align-items: center;
                          justify-content: center;
                          height: 100vh;
                          text-align: center;
                        }
.success- image {
             width: 150px;
             height: 150px;
             margin-bottom: 20px;
           }
.success-title {
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.success-message {
  font-size: 20px;
  color: #666;
  margin-bottom: 30px;
  text-align: center;
}
</style>
